{% extends "base.html" %}
{# Copyright The IETF Trust 2021, All Rights Reserved #}
{% load origin static person_filters %}
{% block pagehead %}
    <link rel="stylesheet" href="{% static "ietf/css/list.css" %}">
{% endblock %}
{% block title %}Active IAB groups{% endblock %}
{% block content %}
    {% origin %}
    <h1>Active IAB groups</h1>
        <table class="table table-sm table-striped tablesorter">
            <thead>
                <tr>
                    <th scope="col" data-sort="grouptype">Group</th>
                    <th scope="col" data-sort="name">Name</th>
                    <th scope="col" data-sort="leaders">Leads</th>
                </tr>
            </thead>

    {% regroup iabgroups by type as grouped_groups %}
    {% for grouptype in grouped_groups %}
        <tbody>
        <tr class="table-info"><th scope="col" colspan="3">
            {% firstof grouptype.grouper.verbose_name grouptype.grouper.name %}{{ grouptype.list|pluralize }}
        </th></tr>
        </tbody>
            <tbody>
                {% for group in grouptype.list %}
                    <tr>
                        <td>
                            <a href="{% url "ietf.group.views.group_home" acronym=group.acronym %}">{{ group.acronym }}</a>
                        </td>
                        <td>{{ group.name }}</td>
                        <td>
                            {% for lead in group.leads %}
                                {% person_link lead.person %}{% if not forloop.last %},{% endif %}
                            {% endfor %}
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
    {% endfor %}
        </table>
{% endblock %}
{% block js %}
    <script src="{% static "ietf/js/list.js" %}"></script>
{% endblock %}